<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>view</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" type="text/css" href="./css/app.css" />	
		<link rel="stylesheet" href="./css/mui.min.css"  type="text/css">
		<link href="./css/mui.imageviewer.css" rel="stylesheet" />
		<!--App自定义的css-->
		<link rel="stylesheet" href="./css/app.css">
		<link rel="stylesheet" href="css/icons-extra.css" />
		<link rel="stylesheet" type="text/css" href="./css/app.css" />
		<link href="./css/QW.css" type="text/css" rel="stylesheet">
		<style type="text/css">

		</style>
	</head>
	<body>
		<!--
        	作者：offline
        	时间：2009-02-15
        	描述：引用了 tab-webview-subpage-contact.html
        -->
		<div class="mui-content">
			
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">附近的秘密</h1>
			</div>
	<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<img src="./images/adver06.jpg" />
					<div class="mui-media-body">
						附近的人
						<p>发表于 2018-06-30 15:30</p>
					</div>
					<div class="mui-card-content">
						<p>
				        	麻煩不要在實驗室吃飯可以嗎
						</p>
					</div>
					<!--<img class="mui-pull-left" src="../images/logo.png" width="34px" height="34px" />
					<h2>小M</h2>
					<p>发表于 2016-06-30 15:30</p>-->
				</div>
			
				<div class="mui-card-footer">
					<a><span class="mui-icon-extra mui-icon-extra-like"></span></a>
					<a><span class="mui-icon-extra mui-icon-extra-comment" ></span></a>
				</div>
			</div>
		<ul class="mui-table-view mui-table-condensed">
				<li class="mui-table-view-cell">
					<div class="mui-slider-cell">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="./images/adver06.jpg" style="height: 60px;"/>
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									
									<span class="oa-contact-position mui-h6">1月2日11:25</span>
								</div>
								<p class="oa-contact-email mui-h6">
									虽然你说的很对，但是我不听我不听。
								</p>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-cell">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="./images/adver05.jpg" style="height: 60px;" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">					
									<span class="oa-contact-position mui-h6">1月2日11:27</span>
								</div>
								<p class="oa-contact-email mui-h6">
									那你很棒棒哦
								</p>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-cell">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="./images/adver04.jpg" style="height: 60px;" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<span class="oa-contact-position mui-h6">1月2日11:32</span>
								</div>
								<p class="oa-contact-email mui-h6">
							哈哈哈哈哈，是这样的了
								</p>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-cell">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="./images/adver05.jpg" style="height: 60px;" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<span class="oa-contact-position mui-h6">1月2日11:55</span>
								</div>
								<p class="oa-contact-email mui-h6">
								可以说是非常真实了
								</p>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-cell">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="./images/adver05.jpg" style="height: 60px;" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<span class="oa-contact-position mui-h6">1月2日11:55</span>
								</div>
								<p class="oa-contact-email mui-h6">
								_(:з」∠)_
								</p>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		
		
		
		
		
		<!-- im-chat.html footer 下方发送固定_(:з」∠)_ -->
		<footer>
			<div class="footer-left">
				
				<a href="#picture"> <i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px;"></i></a>
			</div>
			<div class="footer-center">
				<textarea id='msg-text' type="text" class='input-text'></textarea>
				<button id='msg-sound' type="button" class='input-sound' style="display: none;">按住说话</button>
			</div>
			<label for="" class="footer-right">
				<i id='msg-type' class="mui-icon mui-icon-mic"></i>
			</label>
		</footer>
		<div id='sound-alert' class="rprogress">
			<div class="rschedule"></div>
			<div class="r-sigh">!</div>
			<div id="audio_tips" class="rsalert">手指上滑，取消发送</div>
		</div>
		
		
		<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#">拍照或录像</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#">选取现有的</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#picture"><b>取消</b></a>
				</li>
			</ul>
		</div>

		
	<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
	<script src="./js/mui.min.js"></script>
	<script src="./js/arttmpl.js"></script>
	<script src="./js/godtmd.js"></script>
	<script type="text/javascript">
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		mui('body').on('shown', '.mui-popover', function(e) {
			//console.log('shown', e.detail.id);//detail为当前popover元素
		});
		mui('body').on('hidden', '.mui-popover', function(e) {
			//console.log('hidden', e.detail.id);//detail为当前popover元素
		});
		var info = document.getElementById("info");
		mui('body').on('tap', '.mui-popover-action li>a', function() {
			var a = this,
				parent;
			//根据点击按钮，反推当前是哪个actionsheet
			for (parent = a.parentNode; parent != document.body; parent = parent.parentNode) {
				if (parent.classList.contains('mui-popover-action')) {
					break;
				}
			}
			//关闭actionsheet
			mui('#' + parent.id).popover('toggle');

		})
	</script>
		</body>
		</html>
	
	

</html>